
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <title>payboy学习系统</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge, chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1">
    <link rel="stylesheet" href="/static/pages/scripts/user/social/snscomplete.css?t=1.2">
</head>

<body>
    <div id="main">
        <div class="wcontainer">
            <div class="wwrap  wrap-boxes">
                <div id="js-fill">
                    <div class="wheader-wrap">
                        <h1>完善基本资料</h1>
                        <!-- <div id="js-sns-tab" class="sns-complete-tab">
                            <span class="sns-tab-active" data-target="js-profile">绑定手机</span>
                            <span data-target="js-bind" class="">绑定邮箱</span>
                        </div> -->
                    </div>
                    
                    <input id="image" type="hidden" th:value="${imageUrl}">
                    <input id="param" type="hidden" value="weixin">
                    <div id="js-profile" class="cprofile-wrap sns-block" style="display: block;">
                        <div class="cprofile-inner clearfix">
                            <div class="avator-wrap l">
                                <div class="avator-inner">
                                    <img th:src="${imageUrl}" width="160" height="160" alt="头像" title="头像">
                                </div>
                            </div>
                            <div class="cprofile-field-wrap">

                            <form id="cprofile">
                              <div class="wlfg-wrap">
                                    <label class="label-name" for="nickName">昵称</label>
                                    <div class="rlf-group">
                                        <input type="text" autocomplete="off"  class="ipt" placeholder="请输入用户昵称" data-validate="nickName" name="nickName" id="nickName" th:value="${displayName}">
                                        <p class="tips"><span style="display: none;"></span></p>
                                    </div>
                                </div> 
                                <div class="wlfg-wrap">
                                    <label class="label-name" for="mobile">手机号</label>
                                    <div class="rlf-group">
                                        <input type="text" autocomplete="off" data-validate="mobile" name="mobile" id="mobile" class="ipt" placeholder="请输入手机号">
                                        <p class="tips"><span style="display: none;"></span></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap js-password" style="display:none">
                                    <label class="label-name" for="password">密码</label>
                                    <div class="rlf-group">
                                        <input type="text" onfocus="this.type='password'" autocomplete="off" id="password" name="password" class="ipt" placeholder="请输入6-16位密码，区分大小写，不能使用空格">
                                        <p class="tips"><span style="display:none"></span></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap">
                                    <label class="label-name" for="imageCode">验证码</label>
                                    <div class="rlf-group verify-first js-verify-group">
                                    	<input type="text" name="imageCode" id="imageCode" oninput="if(value.length>4)value=value.slice(0,4)" class="ipt ipt-verify" data-validate="imageCode" placeholder="请输入验证码">
                                        <a href="javascript:void(0)" hidefocus="true" class="verify-img-wrap js-verify-refresh" style="margin-left:10px;">
                                            <img class="verify-img" src="/code/image?width=60" style="width:94.5px;"/>
                                        </a>
                                        <p class="tips"><span style="display:none"></span></p>
                                    </div>
                                    <div class="rlf-group verify-mobile js-mobileverify-group">
                                    <input type="text" name="mobileCode" id="mobileCode" oninput="if(value.length>6)value=value.slice(0,6)" class="ipt ipt-mobileverify" placeholder="请输入手机验证码">
                                        <div class="verify-send js-verify-send">
                                            <a href="javascript:void(0)" class="btn-send-verify big js-btn-resend">获取短信验证码</a>
                                        </div>
                                        <p class="tips"><span style="display:none"></span></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap js-verify-box">
                                    <div class="rlf-group">
                                        <input type="button" class="btn btn-green btn-complete js-btn-resend" value="获取手机验证码">
                                        <p class="tips cprofile-globle-error" id="cprofile-globle-error"></p>
                                    </div>
                                </div>
                                <div class="wlfg-wrap js-submit-box" style="display:none">
                                    <div class="rlf-group">
                                        <input id="cprofile-submit-btn" type="button" class="btn btn-green btn-complete" value="完成">
                                        <p class="tips cprofile-globle-error" id="cprofile-globle-error"></p>
                                    </div>
                                </div>
                                <a href="javascript:void(0);" class="help" target="_blank">无法绑定?</a>
                            </form>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="/static/global/plugins/jquery.min.js" type="text/javascript"></script>
    <script charset="utf-8" src="/static/pages/scripts/user/social/fingerprintjs2.min.js"></script>
    <script charset="utf-8" src="/static/pages/scripts/user/social/ssologin.js"></script>
    <script charset="utf-8" src="/static/pages/scripts/user/social/snscomplete.js"></script>

</body>

</html>